* {
    margin: 0;
    padding: 0;
}

#bg {width: 100%; height: 6.4rem; top: 0px; left: 0px;}
.top {
    height: 1.09rem;
    width: 100%;
    /*background-color: #0c51b1;*/
    display: flex;
}
.top .left {
    flex: 2;
    color: #0c51b1;
    font-size: 0.272rem;
    line-height: 1.09rem;
    cursor: pointer;
}
.top .left span {
    float: left;
    line-height: 1rem;
    padding-top: 0.1rem;
    margin-left: 1.818rem;
    text-align: center;
}
.top .right {
    flex: 1;
    display: flex;
    font-size:0.181rem;
    text-align: center;
    line-height: 1.09rem;
    /* background-color: ; */
}
.top .right div {
    flex: 1;
    justify-content: space-between;
    /* background-color: green; */
    white-space: nowrap;
    color: rgba(80, 80, 80, 1);
}
.top .right .toIndex {
    border-radius: 0.272rem;
    height: 0.554rem;
    margin-top: 0.272rem;
    background-color: #5c96d7;
    line-height: 0.581rem;
    color: #fff;
    text-align: center;
}
.top .right .userInfo {
    display: flex;
    margin: 0;
}
.top .right .userInfo div {
    flex: 1;
    margin: 0;
    /* background-color: orange; */
}
.top .right .userInfo .userInfo-right {
    display: flex;
    margin-right: 0.09rem;
    flex-direction: column;
    font-size: 0.0727rem;
    line-height: 0.727rem;
}
.top .right .userInfo .userInfo-right div {
    color: #0c51b1;
    margin-left: 0.2rem;
}
.top .right .userInfo .userInfo-right .Welcome-you {
    font-size:0.1272rem;text-align: start;
}
.top .right .userInfo .userInfo-right .username {
    font-size: 0.163rem;
    line-height: 0;
    text-align: start;
    color: #505050;
    font-size:0.28rem;
}
.main {
    width: 100%;
}
/*首页大图开始*/
/*.swiper {*/
/*    width: 100%;*/
/*    height: 500px;*/
/*}*/
.swiper img {
    width: 100%;
    height: 7.04rem;
    flex-shrink:0;
}
.swiper h1 {
    float: left;
    position: absolute;
    top: 1.545rem;
    left: 0.363rem;
    font-size: 0.545rem;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1);
}
/*首页大图结束*/
.mainTop {
    height: 5.454rem;
    /* background-color: skyblue; */
    margin: 0 0.4rem;
}
.search {
    width: 100%;
    height: 2.09rem;
    background-color: #f2f6fa;
    border-top-left-radius: 0.14rem;
    border-top-right-radius: 0.14rem;
    margin-top: -1.754rem;
    display: flex;
    filter: alpha(opacity=30);
    opacity: 0.9;
}
input::-webkit-input-placeholder {
    color: #dcdfe6;
}
input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #dcdfe6;
}
input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #dcdfe6;
}
input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #dcdfe6;
}
input {
    outline-color: #409eff;
}
.securityCode {
    margin-left: 0.454rem;
}
.search input {
    flex: 7;
    height: 0.454rem;
    border-radius: 0.14rem;
    border: 1px solid #e0e0e0;
    margin: 0.572rem;
}
.search .el-button {
    flex: 1;
    width: 0.554rem;
    height: 0.454rem;
    margin: 0.572rem;
    border-radius: 0.14rem;

}

.searchBttom {
    height: 1.4rem;
    align-items: center;
    background: #f2f6fa;
    display: flex;
    overflow: hidden;
    justify-content: space-around;
    border-bottom-right-radius: 0.14rem;
    border-bottom-left-radius: 0.14rem;
}
.searchBttom div {
    flex: 1;
    /*margin-right: 0.3rem;*/
    /*margin-left: 0.1rem;*/
}
.recomder {
    display: flex;
    height: 1.063rem;
}
.recomder .nav-first {
    flex: 1;
    /*background: url(@/assets/images/recommend-bgd.png);*/
    background-repeat: no-repeat;
    /*background-color: #4f8af4;*/
    justify-content: end;
    /*margin-left: 0.6rem;*/
    align-items: end;
    display: flex;
    width: 0.940rem;
}
.recomder .nav-first img {
    border: none;
    width: 1.0636363rem;
    height: 1.0636363rem;
    position: absolute;
}
.recomder .nav-first .mini-png {
    height: 0.5rem;
    width: 0.5rem;
    position: relative;
    z-index: 999;
    right: 0.27rem;
    top: -0.23rem;
}
.recomder .nav {
    flex: 1;
    background: url(@/assets/images/recommend-bgc.png);
    background-repeat: no-repeat;
    display: flex;
}
.recomder .nav img {
    border: none;
    height: 0.454rem;
    width: 0.454rem;
    margin: 0.254rem 0 0 0.254rem;
}
.recomder .recomder-Item {
    display: flex;
    flex-direction: column;
}
.recomder-Item .number {
    font-size: 0.3636rem;
    line-height: 0.7rem;
    color: rgba(12, 81, 177, 1);
}
.recomder-Item div {
    width: 90%;
    height: 40%;
    /* background-color: tomato; */
    text-align: center;
}
.last-recommend {
    margin-right: 0.4rem;
}
.searchEnd {
    width: 100%;
    height: 2.727rem;
    margin-top: 0.727rem;
    /* background-color: #77a6f9; */
    display: flex;
    justify-content: space-around;
}

.searchEnd div {
    /*flex: 1;*/
    /*background-color: #4f8af4;*/
    border-radius: 0.15rem;
    width: 2.65rem;
    height: 3.03rem;
    display: flex;
    margin: 0.181rem;
    flex-direction: column;
}
.situation {

}
.situation div {
    width: 64%;
    margin: 0 auto;
    font-size: 0.4rem;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    white-space: nowrap;
    /* background-color: rgb(175, 135, 135); */
}
.situation  .situation-bg {
    width: 2.65rem;
    height: 3.03rem;
    position: absolute;
    border-radius: 0.1rem;
    z-index: -999;
}
.situation div img {
    height: 1rem;
    width: 1rem;
    margin: 0 auto;
}
.information {
    width: 100%;
    height: 1.09rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.29rem;
    line-height: 0.29rem;
    margin-top: 2.3rem;
    color: #505050;
    background-color: #ffffff;
}
.information div {
    height: 0.29rem;
    margin-left: 0.181rem;
    text-align: center;
    /* background-color: springgreen; */
}
.information div img {
    width: 7.636363rem;
    height: 100%;
}
.tabs {
    width: 90%;
    margin: 0 auto;
}
.tabs el-tabs {
    background-image: url(@/assets/images/notisbgc.png);
    background-color: rgb(180, 102, 102);
    width: 1rem;
    height: 0.56rem;
}
/deep/ .el-tabs__item {
    height: 0.4rem;
    width: 1.44rem;
    box-sizing: border-box;
    line-height: 0.4rem;
    display: inline-block;
    list-style: none;
    font-size: 0.14rem;
    font-weight: 500;
    color: #303133;
    position: relative;
}
/*item的背景图片*/
.fontClass{
    font-size: 0.26rem;
    width: 2rem;
}
.fontClass p {
    margin-left: 0.5rem;
    /*color: black;*/
}
.tab-item-bgc {
    width: 1.8rem;
    height: 0.4rem;
    position: absolute;
    z-index: -999;
}
.el-tabs__item:hover {
    color: orange;
    background-color: orange;
}
/*tabs 去掉el-tab-pane切换时的蓝色下划线*/
>>>.el-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.02rem;
    background-color: #ffffff;
    z-index: 1;
    font-size: 0.26rem;
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    list-style: none;
}
/*//去除灰线条*/
/deep/ .el-tabs__nav-wrap::after {
    position: static !important;
}

/*把tab切换的字体弄大*/
/deep/.el-tabs__item.is-active {
    color: #ffffff;
    /*background: url(@/assets/images/index/tab-item-bgc.png);*/
    font-size: 0.26rem;
}
.tabsItem {
    height: 9.24242rem;
    width: 99%;
    display: flex;
    /* background-color: skyblue; */
    border: 1px solid #c5c5c5;
    border-radius: 0.2121rem;
}
.tabsItem div {
    flex: 1;
    /* background-color: rgb(139, 68, 68); */
    margin: 0.303rem;
}
.tabsItemLeftTop {
    display: flex;
    flex-direction: column;
}
.tabsItemLeftTop div {
    /* background-color: rgb(95, 145, 80); */
    /* justify-content: space-between; */
}
.tabsItemLeftTop .tabsItemLeftTopTop {
    flex: 2;
}
.tabsItemLeftTop .tabsItemLeftTopTop p {
    position: absolute;
    margin: 0.77rem 0 0.42rem 0.55rem;
    font-size: 0.55rem;
    color: #ffffff;

}
.tabsItemLeftTop .tabsItemLeftTopTop p:nth-child(2) {
    margin: 1.96rem 0 0.42rem 0.6rem;
    font-size: 0.4rem;
}
.tabsItemLeftTop .tabsItemLeftTopTop img {
    position: absolute;
    z-index: -999;
    height: 5.62rem;
    width: 7.33rem;
}
.tabsItemLeftTop .tabsItemLeftTopBtn {
    display: flex;
    margin: 0;
}
.tabsItemLeftTop .tabsItemLeftTopBtn div {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 2.04rem;
    height: 2.02rem;
    line-height: 2.02rem;
    color: #ffffff;
    font-size: 0.22rem;
    /*background-color:skyblue;*/
}
.tabsItemLeftTop .tabsItemLeftTopBtn div p {
    height: 0.5rem;
    white-space: normal;
    font-size: 0.22rem;
}
.tabsItemLeftTop .tabsItemLeftTopBtn div:first-child img {
    width: 2.04rem;
    height: 2.02rem;
    position: absolute;
    z-index: -888;
    left: 0.63rem;
}
.tabsItemLeftTop .tabsItemLeftTopBtn div:nth-child(2) img {
    width: 2.04rem;
    height: 2.02rem;
    position: absolute;
    z-index: -888;
    left: 3.25rem;
}
.tabsItemLeftTop .tabsItemLeftTopBtn div:last-child img {
    width: 2.04rem;
    height: 2.02rem;
    position: absolute;
    z-index: -888;
    /*left: 5.9rem;*/
}
.tabsItemLeftTop .tabsItemLeftTopBtn .tabs-Item-Left-Top-Btn-last {
    position: relative;
    font-size: 0.22rem;
}
.tabsItemLeftTop .tabsItemLeftTopBtn .tabs-Item-Left-Top-Btn-last p {
    /*display: flex;*/
    align-items: center;
    height: 1.2rem;
    /*align-content: center;*/
    /*background-color: green;*/
}
.tabsItemLeftTop .tabsItemLeftTopBtn .tabs-Item-Left-Top-Btn-last p span {

}
.tabsItemLeftTop .tabsItemLeftTopBtn .tabs-Item-Left-Top-Btn-last .tabs-Item-Left-Top-Btn-last-span {
    position: absolute;top: 0.26rem;right: 0.25rem;
}
    /* 信息公告右边开始 */
.tabsItem-right {
    display: flex;
    flex-direction: column;
}
.tabsItem-right span {
    border-radius: 50%;
    float: left;
    width: 0.1515rem;
    height: 0.1515rem;
    margin-right: 0.15151rem;
    background-color: #392ba7;
}
.tabsItem-right div {
    border-bottom: 1px solid #c7c7c7;
}
.tabsItem-right .time {
    display: flex;
    flex-direction: row;
    margin: 0px 0 0 4%;
    border-bottom: none;
}
.el-icon-time {
    margin-top: 0.10rem;
}
.tabsItem-right .time a {
    flex: 1;
    text-align: right;
    font-size: 0.303rem;
    display: block;
    margin-top: 0.1515rem;
    color: #d43030;
    text-decoration: none;
}
/deep/ .el-tabs--top .el-tabs__item.is-top:last-child {
    height: 0.6rem;
}
/deep/ .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    margin-right: 0.3rem;
}
.tabsItem-right p {
    font-size: 0.19696rem;
    color: #383838;
}
/* 加入我们图片开始 */
.join-us {
    margin-top: 0.836rem;
    height: 3.54rem;
    width: 100%;
}
.join-us p {
    width: 100%;
    line-height: 3.54rem;
    font-size: 0.6rem;
    color: #ffffff;
    position: absolute;
    text-align: center;
    align-items: center;
}
.join-us img {
    width: 100%;
    height: 3.54rem;
    position: absolute;
    z-index: -999;

}
/*加入我们结束*/

/*合作机构开始*/
.co-operating-agency-div {
    width: 100%;
    height: 13.454rem;
    /*background-color: skyblue;*/
    /*background-image: url("@/assets/images/index/cooperation-bgc.jpg");*/
    background-repeat:no-repeat;
}
.co-operating-agency-div-bg {
    position: absolute;
    z-index: -999;
    width: 100%;
    height:13.33rem;
}
.co-operating-agency {
    width: 100%;
    height: 2.181rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.29rem;
    line-height: 0.29rem;
    color: #505050;
}
.co-operating-agency  div {
    /*width: 2.9rem;*/
    height: 0.29rem;
    margin-left: 0.181rem;
    white-space: nowrap;
    text-align: center;
}
.co-operating-agency  div img {
    width: 7.636363rem;
    height: 100%;
}
.co-operating-agency  div .co-operating-agency-right-img {
    transform: rotate(179deg);
}
ul,
li,
em {
    margin: 0;
    padding: 0;
}
.co-operating-agency-main {
    height: 6.072rem;
    color: #fff;
    overflow: hidden;
    position: relative;
}
.contlist {
    position: absolute;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
}
.contlist ul {
    display: flex;
    flex-direction: row;
}
.contlist ul li {
    font-size: 0.109rem;
    margin-right: 0.227rem;
    width: 3.59rem;
    height: 5.236rem;
    line-height: 0.181rem;
    display: flex;
    flex-direction: row;
}
.contlist ul li img {
    height: 100%;
    width: 100%;
    border-radius: 0.38rem;
}
.contlist ul li em {
    color: #f80;
    font-size: 0.109rem;
    padding-right: 0.09rem;
}

/*合作机构底部样式开始*/
.co-operating-agency-bottom {
    width: 100%;
    height: 3.927rem;
    background-color: #ffffff;
    border-top: 0.254rem solid orange;
    border-bottom: 0.254rem solid orange;
}
.co-operating-agency-bottom div {
    font-size: 0.254rem;
    color: #383838;
    margin: 0.272rem;
}
/*合作机构结束*/


/*页面底部开始*/
.bottom {
    margin-top: 1rem;
    background-color: #042148;
    display: flex;
    color: #ffffff;
    flex-direction: row;
    white-space: nowrap;
}
.bottom div {
    flex: 1;
    /*background-color: orange;*/
}
.bottom .bottom-left {
    display: flex;
    flex-direction: column;
}
.bottom .bottom-left div {
    white-space: nowrap;
    /*background-color: #fff;*/
}
.bottom .bottom-left div:first-child {
    text-align: center;
    line-height: 1.818rem;
    flex: 1;
    font-size: 0.236rem;
}
.bottom .bottom-left div:nth-child(2) {
    /*background-color: indianred;*/
    /*margin-left: 0.6rem;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.236rem;
}
.bottom .bottom-left div:nth-child(2) i {
    margin-right: 0.33333rem;
}
.bottom .bottom-left div:nth-child(3) {
    /*background-color: indianred;*/
    /*margin-left: 0.6rem;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.236rem;
}
.bottom .bottom-left div:nth-child(3) i {
    width: 0.84848rem;
}
.bottom .bottom-left div:nth-child(3)  p {
    width: 2rem;
}
/*底部中间友情连接部分*/
.bottom .bottom-center {
    display: flex;
    flex-direction: column;
}
.bottom .bottom-center div {
    text-align: center;
    line-height: 1.818rem;
    font-size: 0.254rem;
}
.bottom .bottom-center div:first-child {
    line-height: 1.818rem;
    flex: 1;
    font-size: 0.236rem;
}
.bottom .bottom-center div:last-child {
    border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;
    line-height: 3.636rem;
}
/*底部右边客服微信部分*/
.bottom .bottom-right {
    display: flex;
    flex-direction: column;
}
.bottom .bottom-right div {
    text-align: center;
    line-height: 1.818rem;
    font-size: 0.236rem;

    /*background-color: #fff;*/
}
.bottom .bottom-right div:first-child {
    line-height: 1.818rem;;
    flex: 1;
    font-size: 0.236rem;
}
.bottom .bottom-right div:last-child {
    flex: 2;
}
.bottom .bottom-right div:last-child img {
    width: 3.490rem;
    height: 3.636rem;
}
/*页面底部结束*/
